<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/page/include/taglib.jsp"%>
<%@ page import="java.sql.*"%>
<%
						String driverName = "com.mysql.jdbc.Driver"; //Mysql数据库连接
						String userName = "root";
						String psw = "123456"; //本行和上一行是数据库的登录名和密码
						String dbName = "test1"; //数据库名字
						String url = "jdbc:mysql://localhost:3306/test1?serverTimezone=UTC";
						Class.forName("com.mysql.jdbc.Driver");
						Connection conn = DriverManager.getConnection(url, userName, psw);
						Statement stam = conn.createStatement(); %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="${ctx}/layui/css/layui.css">
<link rel="stylesheet" href="${ctx }/css/font_eolqem241z66flxr.css"
	media="all" />
<link rel="stylesheet" href="${ctx }/css/common.css" media="all" />
<link rel="stylesheet" href="${ctx }/css/list.css" media="all" />
<script>
	var ctx = "${ctx}";
</script>
</head>
<body class="childrenBody">
	<blockquote class="layui-elem-quote list_search">
		<div class="layui-inline">
			<a class="layui-btn layui-btn-normal addressAdd_btn"><i
				class="layui-icon">&#xe608;</i> test</a>
		</div>

		 <form class="layui-form bio-form-box" action="" lay-filter="example">
			<div class="layui-inline">
        <div class="layui-form-item" id="area-picker">
            <div class="layui-form-label">网点地址</div>
            <div class="layui-input-inline" style="width: 200px;">
                <select name="province" class="province-selector"  id="province" lay-filter="province-1">
                    <option value="">请选择省</option>
                </select>
            </div>
            <div class="layui-input-inline" style="width: 200px;">
                <select name="city" class="city-selector"  id="city" lay-filter="city-1">
                    <option value="">请选择市</option>
                </select>
            </div>
            <div class="layui-input-inline" style="width: 200px;">
                <select name="county" class="county-selector"  id="county" lay-filter="county-1">
                    <option value="">请选择区</option>
                </select>
            </div>
        </div>
				<a style="margin-left: 10px" class="layui-btn search_btn"
					lay-submit="" data-type="search" lay-filter="search">查询</a>

			</div>

		</form>

	</blockquote>
	<!-- 数据表格 -->
	<table id="addressList" class="addressList" lay-filter="addressList"></table>
	<script type="text/javascript" src="${ctx }/layui/layui.js"></script>
	<script type="text/javascript"
		src="${ctx }/js/address/addressList.js"></script>
		<script type="text/javascript" src="${ctx }/js/jquery.min.map"></script>
	<script type="text/html" id="barEdit">
		<a class="layui-btn layui-btn-sm" lay-event="edit">
            <i class="layui-icon">&#xe642;</i>
        </a>
        <a class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del">
            <i class="layui-icon">&#xe640;</i>
        </a>
    </script>
 <script>
      // 组件路径
        layui.config({
            base: '${ctx}/js/'
            	 , version: '1.0'
        });
      //一般直接写在一个js文件中
        layui.use(['layer', 'form', 'layarea'], function () {
            var layer = layui.layer
                , form = layui.form
                , layarea = layui.layarea;

            layarea.render({
                elem: '#area-picker',
                change: function (res) {
                    //选择结果
                    console.log(res);
                }
            });
        });
    </script>
   
</body>
</html>